<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>幸运大转盘</title>
</head>

<body>
    <div class="game game-content">
        <!-- 第一部分-->
        <section class="like-num-box">
            <div class="like-box">
                <p>
                    <image class="like-icon" src="./images/like.jpg" />
                </p>
                <span>目前点赞人数: 326人</span>
            </div>
            <!-- 进度条 -->
            <div class="u-progress">
                <span class="pgbar" style="width:50%"></span>
            </div>

        </section>

        <!-- 第二部分  抽奖大盘-->
        <section>
            <div class="luckDrawCount">你有<span>10</span>次抽奖机会</div>
            <div class="wheel-box">
                <div id="wheel"></div>
                <div id="arrow"></div>
            </div>
            <!-- 用户信息按钮 弹窗 -->
        </section>


        <!-- 第三部分 促销商品  -->
        <section>
            <div class="goods-content">
                <div class="goods">
                    <p class="goods-img">
                        <image class="img" src="./images/test.jpg" />
                    </p>
                    <span class="goods-title">
                        云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品
                    </span>
                </div>

                <div class="goods">
                    <p class="goods-img">
                        <image class="img" src="./images/test.jpg" />
                    </p>
                    <span class="goods-title">
                        云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品
                    </span>
                </div>

                <div class="goods">
                    <p class="goods-img">
                        <image class="img" src="./images/test.jpg" />
                    </p>
                    <span class="goods-title">
                        云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品云商品
                    </span>
                </div>
            </div>
        </section>


    </div>
</body>

</html>